@charset "utf-8";
body{
    width: calc(360rem/18);
    font-size: 18px;
    background-color: #f2f2f2;
    /*height: 10000px;*/
}
.header{
    width: 100%;
    height: calc(40rem/18);
    background-color: #fff;
    overflow: hidden;
}
.header-logo{
    width: calc(44.4rem/18);
    height: calc(26.4rem/18);
    margin-left: calc(11.2rem/18);
    margin-top: calc(6.4rem/18);
    display: inline-block;
    float: left;
}
.header-logo img{
    width: 100%;
    height: 100%;
}
.header-list{
    width: calc(200rem/18);
    height: calc(40rem/18);
    margin-left: calc(54rem/18);
    display: inline-block;
    float: left;
}
.header-title{
    width: calc(60.75rem/18);
    height: calc(39.3rem/18);
    display: inline-block;
    text-align: center;
    color: #606060;
    font-size: calc(14.6rem/18);
    line-height: calc(40rem/18);
}
.header-green{
    color: #1cd39b;
    border-bottom: .075rem solid #1cd39b;
}
.header-seek{
    width: calc(40rem/18);
    height: calc(40rem/18);
    display: inline-block;
    float: right;
    background: url('../images/fangdajing.png') center center no-repeat;
    background-size: calc(16.87rem/18);
    box-shadow: -0.05rem 0 0.15rem 0 rgba(0,0,0,.1);
}
.slideBox{ 
    width: calc(360rem/18);
    height: calc(180rem/18);
    overflow:hidden;
    position:relative;   
}
.slideBox .hd{ 
    height:calc(21rem/18); 
    overflow:hidden; 
    position:absolute; 
    right:5px; 
    /*bottom:5px; */
    z-index:1; 
}
.slideBox .hd ul{
     overflow:hidden; 
     zoom:1; 
}
.slideBox .hd ul li{ 
    width: calc(5.62rem/18);
    height: calc(5.62rem/18);
    display: inline-block;
    border-radius: calc(2.81rem/18);
    background-color: rgba(255,255,255,.8);
}
.slideBox .hd ul li.on{
    background-color: rgba(244,63,72,.8);
    width: calc(11.25rem/18);
}
.slideBox .bd{
    position:relative; 
    width: 100%;
    height:100%; 
    z-index:0;   
}
.slideBox .bd li{
    zoom:1; 
    vertical-align:middle; 
}
.slideBox .bd img{
    width: calc(360rem/18);
    height: calc(180rem/18); 
    display:block;  
}
.pos-wrap{
    height: calc(21rem/18);
    text-align: center;
    position: absolute;
    bottom: calc(2.83rem/18);
    width: 100%;
    left: 0;
    bottom: calc(6rem/18);
}

.wrap{
    width: 100%;
}
.item{
    width: 100%;
    height: calc(306.5rem/18);
    background-color: #fff;
    margin-top: calc(9rem/18);
}
.title{
    height: calc(47.25rem/18);
    padding-left: calc(5.6rem/18);
    line-height: calc(47.25rem/18);
}
.title img{
    width: calc(15.29rem/18);
    height: auto;
}
.title-name{
    font-size: calc(16rem/18);
    display: inline-block;
}
.title-more{
    width: calc(24.7rem/18);
    height: calc(46rem/18);
    float: right;
    display: inline-block;
    margin-right: calc(5.6rem/18);
    padding-right: calc(10.8rem/18);
    background: url('../images/youjiantou.png') right center no-repeat;
    background-size: calc(5.85rem/18) calc(10.35rem/18);
    color: #606060;
    font-size: calc(12.3rem/18);
    padding-top: calc(1rem/18);
}
.lists{
    width: calc(360rem/18);
    height: calc(259.4rem/18);
    overflow: hidden;
}
.list{
    display: inline-block;
    width: calc(171.5rem/18);
    height: calc(118.4rem/18);
    padding-left: calc(5.6rem/18);
    margin-bottom: calc(11.25rem/18);
    float: left;
}
.show{
    width: calc(171.5rem/18);
    position: relative;
    height: calc(96.39rem/18);
}
.show img{
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 0.2rem;
}
.txt{
    width: calc(165.9rem/18);
    position: absolute;
    bottom: 0;
    padding-left: calc(5.6rem/18);
    color: #fff;
    font-size: calc(11.25rem/18);
    background-color: rgba(0,0,0,.6);
}
.list-name{
    width: calc(171.5rem/18);
    height: calc(22rem/18);
    overflow: hidden;
}
.list-name-left{
    width: calc(101rem/18);
    height: calc(22rem/18);
    font-size: calc(11.25rem/18);
    float: left;
    display: inline-block;
    color: #2c2c2c;
    line-height: calc(22rem/18);
}
.list-name-right{
    height: 100%;
    float: right;
    display: inline-block;
    color: #8d8d8d;
    font-size: calc(9rem/18);
    line-height: calc(22rem/18);
}
.list-name-right img{
    width: calc(10.68rem/18);
    height: calc(8.43rem/18);
}

/*----------------------*/
		
